/* constant */
@rem: 25rem;

// 用户信息
.user-group{
  height: 150/@rem;
  background:#FFFFFF url('https://www.135k.com/addons/sd_liferuning/tp/public/uploads//background/bg3.png') no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
  margin-bottom: 15/@rem;

  // 用户头像
  .user-face{
    display: block;
    width: 110/@rem;
    overflow: hidden;
    float: left;

    img{
      width: 90/@rem;
      height: 90/@rem;
      border-radius: 90/@rem;
      display: block;
      margin: 30/@rem 10/@rem;
    }
  }

  // 用户信息
  .user-info{
    width: 200/@rem;
    height: 150/@rem;
    float: left;
    text-align: left;
    .user-name{
      font-size: 20/@rem;
      font-weight: bold;
      margin: 30/@rem 0 15/@rem;
    }

    .tag-group{
      width: 100%;

      .tag-item{
        background: #FFFFFF;
        box-shadow: 0 0 3/@rem #666;
        font-size: 12/@rem;
        padding: 3/@rem 8/@rem;
        border-radius: 3/@rem;
        margin: 3/@rem;
        display: inline-block;
      }
      .tag-item:nth-child(1){
        color: #83b3fd;
      }
      .tag-item:nth-child(2){
        color: #bb9ff3;
      }
      .tag-item:nth-child(3){
        color: #ffb578 ;
      }
      .tag-item:nth-child(4){
        color: #d03c5c;
      }
      .tag-item:nth-child(5){
        color: #98da5c;
      }
    }
  }

  // 分享
  .share-poster{
    position: absolute;
    right: 0;
    background: #FFFFFF;
    padding: 5/@rem 10/@rem 0;
    box-shadow: 0 0 3/@rem #666;
    border-radius: 5/@rem 0 0 5/@rem;
    bottom: 20/@rem;
    img{
      width: 30/@rem;
      height: 30/@rem;
    }
  }
}

// 订单入口
.order-ingress{
  width: 100%;
  background: #FFFFFF;
  height: 60/@rem;
  font-size: 12/@rem;
  box-shadow: 0 0 3/@rem #999;
  margin-bottom: 15/@rem;
  display: flex;
  padding: 5/@rem 0;

  .ingress-item{
    flex: 1;
    border-right: 1px solid #dddddd;
    img{
      width: 25/@rem;
      height: 28/@rem;
      margin: 2/@rem 0 5/@rem;
    }
    p{
      margin: 0;
    }
  }
  .ingress-item:last-child{
    border: none;
  }
}

// 菜单
.style1{
  .menu-group{
    .list{
      font-size: 12/@rem;
      margin-bottom: 15/@rem;
      .list-item{
        img{
          width: 20/@rem;
          height: 20/@rem;
          margin-right: 10/@rem;
        }
      }
    }
  }
}

.style2{
  .menu-group{
    overflow: hidden;
    background: #FFF;
    .menu-item{
      float: left;
      width: 25%;
      padding: 15/@rem 0;
      img{
        width: 30/@rem;
        height: 30/@rem;
        margin: 0 auto;
        display: block;
      }
      p{
        margin: 10/@rem;
        font-size: 12/@rem;
      }
    }
  }
}
